<template>
  <div class="d-flex justify-center ga-2">
    <v-chip>
      Default
    </v-chip>

    <v-chip color="primary">
      Primary
    </v-chip>

    <v-chip color="secondary">
      Secondary
    </v-chip>

    <v-chip color="red">
      Red
    </v-chip>

    <v-chip color="green">
      Green
    </v-chip>
  </div>
  <div class="d-flex justify-center ga-2 mt-2">
    <v-chip variant="flat">
      Default flat
    </v-chip>

    <v-chip color="primary" variant="flat">
      Primary flat
    </v-chip>

    <v-chip color="secondary" variant="flat">
      Secondary flat
    </v-chip>

    <v-chip color="red" variant="flat">
      Red flat
    </v-chip>

    <v-chip color="green" variant="flat">
      Green flat
    </v-chip>
  </div>
</template>
<script setup lang="ts">
</script>
